<div class="card home-card">
	<div class="item item-icon-left" style="height:40px">
		<ion-header-bar class="bar bar-secondary">
        <i class="icon ion-android-list" style="color: #33cd5f;"><h2>待办任务</h2></i>
         <h1 class="title"></h1>
          <button class="button button-light ion-more" ng-click="showPopoverSetting($event,'TaskCard')"></button>
        </ion-header-bar>
	</div>
        <div class="item tabs tabs-striped tabs-top home-item" ng-init="initTabs(['aaa','bbb','ccc'])" style="top: 2px;">
          <a class="tab-item" ng-class="{active:activeTab=='aaa'}" ng-click="setActiveTab('aaa')" href="" style="margin-top: -2px;">
			待办({{todoTaskCount}})
          </a>
          <a class="tab-item" ng-class="{active:activeTab=='bbb'}" ng-click="setActiveTab('bbb')" href="" style="margin-top: -2px;">
           	在办({{ondoTaskCount}})
          </a>
          <a class="tab-item" ng-class="{active:activeTab=='ccc'}" ng-click="setActiveTab('ccc')" href="" style="margin-top: -2px;">
          	已办({{didTaskCount}})
          </a>
        </div>
        <div class="list item home-item" style="margin-bottom: 0px;">
          <a class="item" ng-hide="true"></a>
          <a ng-repeat="x in todoTasks | limitTo:5" class="item home-list-item" on-swipe-left="onSwipeLeft()" on-swipe-right="onSwipeRight()" ng-show="activeTab=='aaa'" ng-click="openModal('{{x.id}}','{{x.title}}')">{{x.title}}</a>
          <a ng-repeat="x in ondoTasks | limitTo:5" class="item home-list-item" on-swipe-left="onSwipeLeft()" on-swipe-right="onSwipeRight()" ng-show="activeTab=='bbb'" ng-click="openModal('{{x.id}}','{{x.title}}')">{{x.title}}</a>
		  <a ng-repeat="x in didTasks | limitTo:5" class="item home-list-item" on-swipe-left="onSwipeLeft()" on-swipe-right="onSwipeRight()" ng-show="activeTab=='ccc'" ng-click="openModal('{{x.id}}','{{x.title}}')">{{x.title}}</a>
          <a class="item" ng-hide="true"></a>
        </div>
        <div class="button-bar padding">  
          <a href="#/tab/task-list" class="button button-outline button-small button-positive" style="float: right;">更多</a>
        </div>
</div>